<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo06超链接标签</title>
</head>
<body>
<!--1.跳转至本地资源-->
<a href="demo02文本标签.html">跳转到第2个标签</a>
<!--2.跳转至外部资源-->
<a href="https://www.baidu.com">百度一下</a>
<a href="https://www.jd.com" target="_blank">京东</a>
<!--3.图片超链接-->
<a href="http://gips3.baidu.com/it/u=3886271102,3123389489&fm=3028&app=3028&f=JPEG&fmt=auto?w=1280&h=960">
    <img src="img/zly.png" alt="">
</a>
<!--4.锚点-->
<hr>
<h1>西游记</h1>
<a href="#c1">快速跳转到第一章</a>
<a href="#c2">快速跳转到第二章</a>
<a href="#c3">快速跳转到第三章</a>
<h3 id="c1">石猴出世</h3>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid asperiores atque autem beatae blanditiis
    consequuntur debitis deserunt distinctio eaque eius eligendi enim error est et eveniet facere fugiat harum hic
    illum impedit incidunt inventore ipsam ipsum iure iusto labore laudantium libero magni maiores maxime molestiae
    molestias nam natus neque nesciunt nihil nobis nostrum numquam obcaecati od
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid asperiores atque autem beatae blanditiis
    consequuntur debitis deserunt distinctio eaque eius eligendi enim error est et eveniet facere fugiat harum hic
    illum impedit incidunt inventore ipsam ipsum iure iusto labore laudantium libero magni maiores maxime molestiae
    molestias nam natus neque nesciunt nihil nobis nostrum numquam obcaecati od
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid asperiores atque autem beatae blanditiis
    consequuntur debitis deserunt distinctio eaque eius eligendi enim error est et eveniet facere fugiat harum hic
    illum impedit incidunt inventore ipsam ipsum iure iusto labore laudantium libero magni maiores maxime molestiae
    molestias nam natus neque nesciunt nihil nobis nostrum numquam obcaecati od
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid asperiores atque autem beatae blanditiis
    consequuntur debitis deserunt distinctio eaque eius eligendi enim error est et eveniet facere fugiat harum hic
    illum impedit incidunt inventore ipsam ipsum iure iusto labore laudantium libero magni maiores maxime molestiae
    molestias nam natus neque nesciunt nihil nobis nostrum numquam obcaecati od
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid asperiores atque autem beatae blanditiis
    consequuntur debitis deserunt distinctio eaque eius eligendi enim error est et eveniet facere fugiat harum hic
    illum impedit incidunt inventore ipsam ipsum iure iusto labore laudantium libero magni maiores maxime molestiae
    molestias nam natus neque nesciunt nihil nobis nostrum numquam obcaecati od
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid asperiores atque autem beatae blanditiis
    consequuntur debitis deserunt distinctio eaque eius eligendi enim error est et eveniet facere fugiat harum hic
    illum impedit incidunt inventore ipsam ipsum iure iusto labore laudantium libero magni maiores maxime molestiae
    molestias nam natus neque nesciunt nihil nobis nostrum numquam obcaecati od
</p>
<h2 id="c2">蓬莱学艺</h2>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid asperiores atque autem beatae blanditiis
    consequuntur debitis deserunt distinctio eaque eius eligendi enim error est et eveniet facere fugiat harum hic
    illum impedit incidunt inventore ipsam ipsum iure iusto labore laudantium libero magni maiores maxime molestiae
    molestias nam natus neque nesciunt nihil nobis nostrum numquam obcaecati od
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid asperiores atque autem beatae blanditiis
    consequuntur debitis deserunt distinctio eaque eius eligendi enim error est et eveniet facere fugiat harum hic
    illum impedit incidunt inventore ipsam ipsum iure iusto labore laudantium libero magni maiores maxime molestiae
    molestias nam natus neque nesciunt nihil nobis nostrum numquam obcaecati od
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid asperiores atque autem beatae blanditiis
    consequuntur debitis deserunt distinctio eaque eius eligendi enim error est et eveniet facere fugiat harum hic
    illum impedit incidunt inventore ipsam ipsum iure iusto labore laudantium libero magni maiores maxime molestiae
    molestias nam natus neque nesciunt nihil nobis nostrum numquam obcaecati od
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid asperiores atque autem beatae blanditiis
    consequuntur debitis deserunt distinctio eaque eius eligendi enim error est et eveniet facere fugiat harum hic
    illum impedit incidunt inventore ipsam ipsum iure iusto labore laudantium libero magni maiores maxime molestiae
    molestias nam natus neque nesciunt nihil nobis nostrum numquam obcaecati od
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid asperiores atque autem beatae blanditiis
    consequuntur debitis deserunt distinctio eaque eius eligendi enim error est et eveniet facere fugiat harum hic
    illum impedit incidunt inventore ipsam ipsum iure iusto labore laudantium libero magni maiores maxime molestiae
    molestias nam natus neque nesciunt nihil nobis nostrum numquam obcaecati od
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid asperiores atque autem beatae blanditiis
    consequuntur debitis deserunt distinctio eaque eius eligendi enim error est et eveniet facere fugiat harum hic
    illum impedit incidunt inventore ipsam ipsum iure iusto labore laudantium libero magni maiores maxime molestiae
    molestias nam natus neque nesciunt nihil nobis nostrum numquam obcaecati od
</p>
<h3 id="c3">龙宫借宝</h3>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid asperiores atque autem beatae blanditiis
    consequuntur debitis deserunt distinctio eaque eius eligendi enim error est et eveniet facere fugiat harum hic
    illum impedit incidunt inventore ipsam ipsum iure iusto labore laudantium libero magni maiores maxime molestiae
    molestias nam natus neque nesciunt nihil nobis nostrum numquam obcaecati od
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid asperiores atque autem beatae blanditiis
    consequuntur debitis deserunt distinctio eaque eius eligendi enim error est et eveniet facere fugiat harum hic
    illum impedit incidunt inventore ipsam ipsum iure iusto labore laudantium libero magni maiores maxime molestiae
    molestias nam natus neque nesciunt nihil nobis nostrum numquam obcaecati od
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid asperiores atque autem beatae blanditiis
    consequuntur debitis deserunt distinctio eaque eius eligendi enim error est et eveniet facere fugiat harum hic
    illum impedit incidunt inventore ipsam ipsum iure iusto labore laudantium libero magni maiores maxime molestiae
    molestias nam natus neque nesciunt nihil nobis nostrum numquam obcaecati od
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid asperiores atque autem beatae blanditiis
    consequuntur debitis deserunt distinctio eaque eius eligendi enim error est et eveniet facere fugiat harum hic
    illum impedit incidunt inventore ipsam ipsum iure iusto labore laudantium libero magni maiores maxime molestiae
    molestias nam natus neque nesciunt nihil nobis nostrum numquam obcaecati od
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid asperiores atque autem beatae blanditiis
    consequuntur debitis deserunt distinctio eaque eius eligendi enim error est et eveniet facere fugiat harum hic
    illum impedit incidunt inventore ipsam ipsum iure iusto labore laudantium libero magni maiores maxime molestiae
    molestias nam natus neque nesciunt nihil nobis nostrum numquam obcaecati od
</p>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid asperiores atque autem beatae blanditiis
    consequuntur debitis deserunt distinctio eaque eius eligendi enim error est et eveniet facere fugiat harum hic
    illum impedit incidunt inventore ipsam ipsum iure iusto labore laudantium libero magni maiores maxime molestiae
    molestias nam natus neque nesciunt nihil nobis nostrum numquam obcaecati od
</p>
<a href="#">回到顶部</a>
</body>
</html>